.login {

  position: relative;
  // width: 100%;
  height: 100vh;
  .signinBox {
    width: 1120px;
    
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    &.clearFix {
      position: absolute;
      
    }
    .swapper {
      float: left;
      width: 633px;
      height: 400px;

      .swapper-img {
        overflow-x: hidden;
        img {
          height: 400px;
        }
      }

      &::after {
        content: "";
        clear: both;
      }
    }

    .sigin-content {
      width: 424px;
      height: 400px;
      border-radius: 6px;
      box-shadow: 0 8px 24px 0 #e8e8e8;
      float: right;
      padding: 0 20px;

      text-align: center;
      &::after {
        content: "";
        clear: both;
      }
      .header-title {

        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 40px 0;

        .welcome-login {
          font-size: 30px;
          color: #40485B;
          font-weight: bold;  
          margin-bottom: 0;        
        }
      }
      
      .ant-form {
        
        .ant-form-item {
          .ant-form-item-control {
            .ant-form-item-control-input {
              .ant-form-item-control-input-content {
                .ant-input-affix-wrapper {
                  padding: 0;
                }
                .ant-input {
                  height: 40px;
                }
                .ant-input-suffix {
                  margin-right: 10px;
                }
                .submit-btn {
                  width: 100%;
                  height: 40px;
                  padding: 0;
                  line-height: 40px;
                  background-color: #fe7300;
                  border-color: #fe7300;
                }
              }
            }
          }
        }
      }
    }
  }
}